<!DOCTYPE html>
<html lang="en">

	<head>
		<!-- 页面meta -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>欢迎使用图书管理系统</title>
		<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">

		<!-- 引入样式 -->
		<link rel="stylesheet" href="../plugins/elementui/index.css">
		<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
		<!-- 引入组件库 -->
		<script src="../js/vue.js"></script>
		<script src="../plugins/elementui/index.js"></script>
		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script src="../js/axios-0.18.0.js"></script>
		<script type="text/javascript" src="../js/verify.js"></script>
		<!-- 引入样式 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<style>
			* {
				margin: 0;
				padding: 0;
				border: 0;
			}

			.el-button {
				border: none;
				margin-left: 10px;
				font-size: 18px;
				color: white;
			}

			.buttonColor {
				background-color: rgb(32, 155, 159);
			}

			.buttonColor:hover {
				background-color: rgba(32, 155, 159, 0.773)
			}

			.buttonColor:focus {
				background-color: rgba(32, 155, 159, 0.773)
			}

			.buttonColor2:hover {
				color: rgba(32, 155, 159, 0.773)
			}

			a {
				text-decoration: none;
			}
		</style>
		<style>
			video {
				position: fixed;
				right: 0;
				bottom: 0;
				min-width: 100%;
				min-height: 100%;
				width: auto;
				height: auto;
				z-index: -9999;
				/*灰色调*/
				/* -webkit-filter: grayscale(100%) */
			}
		</style>
	</head>

	<body>
		<div>
			<video id="v1" autoplay muted loop style="width: 100%">
				<source  src="../video/video.mp4">
			</video>
			<div style="float: right;"><a href="">作者：陈富乐~</a></div>
			<center>
				<br/><br/>
				<h1>欢迎使用图书管理系统</h1>
			</center>
			<div id="app">
				<el-card class="box-card" style="width: 42%; margin:50px auto;">
					<div>
						<h2>作者：陈富乐</h2>
						<h2>单位：江西财经大学 软件与物联网工程学院 软件202班</h2>
						<h2>QQ：1142124255</h2>
						<h2>B站：诡秘侍者C</h2>
					</div>
				</el-card>
				<el-form ref="form" :model="form" size="normal" :rules="rules" style="margin: auto; width: 42%;">
					<el-form-item>
						<el-button style="float: left; font-size: 18px;" type="text" @click="toRegister">前往注册 >> </el-button>
						<el-button style="float: left; font-size: 18px; margin-left: 100px;" type="text" @click="toLogin">前往登录 >> </el-button>
					</el-form-item>
				</el-form>
			</div>
		</div>
	</body>
	<script>
		//axios全局配置
		axios.defaults.headers['token'] = window.localStorage.getItem("token");
		var vue = new Vue({
			el: '#app',
			data() {},
			methods: {
				// 手动跳转到注册界面
				toRegister() {
					window.location.href = "register.html";
				},
				toLogin() {
					window.location.href = "../index.html";
				},
			}
		})
	</script>

</html>